<template>
  <div class="demo">
    <p>
      <y-icon type="down" :rotate="0" size="25" color="red"></y-icon>
      <y-icon
        type="down"
        :rotate="90"
        size="25"
        color="rgb(220,3,234)"
      ></y-icon>
      <y-icon
        type="down"
        :rotate="180"
        size="25"
        color="rgb(0,0,234,.7)"
      ></y-icon>
      <y-icon type="down" :rotate="270" size="25" color="#341"></y-icon>
    </p>
  </div>
</template>
